<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 分行打印

        // 外层循环，控制行数
        // for (var i = 1; i <= 9; i++) {
        //     // 在外层循环内声明一个空字符串的变量，每次内循环一次后初始化
        //     var str = '';
        //     // 内循环控制每一行显示的算式
        //     for (var j = 1; j <= i; j++) {
        //         // 循环体 算式，\t用来隔开同一行每个算式的距离
        //         str += `${j}x${i}=${j * i}\t`
        //     }
        //     // 内循环一次之后进行换行
        //     str += '\n'
        //     // 内循环一次后输出循环体
        //     console.log(str);
        // }

        // 一次打印

        // 在循环外声明一个空字符串变量
         var str='';
        //  外层循环，控制打印行数
        for(var i=1;i<=9;i++ ){
            // 内层循环，控制每一行算式个数
              for(var j =1 ; j<=i;j++){
                //  循环体 算式，\t控制一行内每个算式间的距离
                      str+=`${j}x${i}=${j*i}\t`
              }
            //   内循环每执行完一次后进行换行处理
              str+='\n';
        }
        // 一次性打印出循环体
        console.log(str);
    </script>
</head>

<body>

</body>

</html>